<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="stylesheet" href="static/css/reset.css">
    <link rel="stylesheet" href="static/css/login.css">
</head>

<body>
    <div class="login-container">
        <!-- 左边的部分 -->
        <div class="container-left">
            <div class="login-center">
                <!-- 登录标题区域 -->
                <div class="login-title">
                    <span class="login-text active">账户登录</span>
                    <a href=""> <span class="login-text right">扫码登录</span>
                    </a>
                </div>
                <div class="login-message">
                    <p class="message-tips">
                        如果您已经是BALANCE会员,请使用动态验证码登录
                    </p>
                    <div class="message-region">
                        中国大陆
                        <input type="text" class="first-input">
                        <div class="message-number">
                            +86 ﹀
                        </div>
                    </div>
                    <!-- 手机号区域 -->
                    <div class="phone-number">
                        <p>手机号</p>
                        <input class="number-input" type="text" value="请输入手机号">
                    </div>
                    <!-- 验证码区域 -->
                    <div class="ver-code">
                        <p>验证码</p>
                        <input class="code-input" type="text" value="请输入验证码">
                        <input class="code-btn" type="button" value="获取验证码">
                    </div>
                    <!-- 同意协议区域 -->
                    <div class="agreement">
                        <input type="checkbox">
                        <span class="agree-text">我已阅读并同意</span>
                        <span class="agree-text active">《BALANCE会员注册协议》</span>
                        <a href="register.html" class="register-now">立即注册</a>
                    </div>
                    <!-- 登录按钮 -->
                    <input type="button" value="登录" class="register-btn">
                </div>
                <div class="another-register">
                    <span class="another-split"></span>
                    <span class="another-text">第三方账号登录</span>
                    <span class="another-split right"></span>
                    <div class="another-block">
                        <a href="#">
                            <img src="static/imgs/weixin.png" class="icon icon-wx" alt="">
                        </a>
                        <a href="#" class="margin-110">
                            <img src="static/imgs/zhifubao.png" class="icon icon-zfb" alt="">
                        </a>
                        <a href="#">
                            <img src="static/imgs/weibo.png" class="icon icon-wb" alt="">
                        </a>
                    </div>
                </div>


            </div>
        </div>
        <!-- 右边的部分 -->
        <div class="banner-right">

        </div>


    </div>
</body>

</html>